<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
	*{margin: 0;padding: 0;}
		.class1{
			width: 500px;
			margin: 0 auto;
		}
		li{
			list-style-type: none;	
		}
		.class1>li{
			width: 100px;
			float: left;
			background-color: #ccc;
			margin-left:10px;
			height: 30px;
			line-height: 30px;
			text-align: center;
				}
		.class1>li:first-chlid{
			margin-left: 0;
		}
		.class1>li>ul{
			padding-top: 10px;
			display: none;
		}
		ul li{
			height: 30px;
			width: 100px;
			text-align: center;
		}
		.class1>li:hover ul{
			display: block;
		}
		ul li:hover{
			background-color: #ccc;
			color: white;
		}

	</style>
</head>
<body>
<nav class="class1">
	<li>0079
		<ul>
			<li>阿姆罗雷</li>
			<li>老虎</li>
			<li>扎古II</li>
			<li>RX78-2</li>
		</ul>
	</li>
	<li>0088
		<ul>
			<li>Z</li>
			<li>ZZ</li>
			<li>百式</li>
			<li>MKII</li>
		</ul>
	</li>
	<li>0093
		<ul>
			<li>RX-93</li>
			<li>山楂饼</li>
			<li>MSN-04</li>
			<li>瓦索龙</li>
		</ul>
	</li>
	<li>0096
		<ul>
			<li>RX-0</li>
			<li>巴腊鸡</li>
			<li>汤小美</li>
			<li>复仇女神</li>
		</ul>
	</li>
</nav>
</body>
</html>